<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="keywords" content="喜换,喜换商城,物换物">
    <meta name="description" content="喜换,开心换物,心所想,有所得">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>喜换商城--个人中心</title>
    <link rel="icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/personal.css">
    <link rel="stylesheet" href="/css/iconfont/iconfont.css">
    <script src="/js/lib/jquery/jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="top w">
    <a href="/index.html">
        <img src="/img/logo.png" alt=""/>
    </a>
    <a href="/index.html" class="link" id="quit">退出</a>
    <a href="/index.html" class="link" id="">返回首页</a>
</div>
<div class="main w">
    <div class="main-title">
        <ul>
            <li><a href="#">个人信息</a></li>
        </ul>
    </div>
    <div class="middle clearfix">
        <div class="left">
            <span class="personal-name"></span>
            <img class="userhead" src="/img/head.png" alt="??" style="width: 92px;height: 92px;border-radius: 50%;display: block;">
            <span class="personal-photo" style="position: relative;">设置头像
                <div class="uploadImg">
                    <a class="a-upload">
                        <input type="file" id="upload" accept="image/png,image/gif,image/jpg,image/jpeg" name="upload" style="cursor:pointer;"/>
                    </a>
                </div>
            </span>
        </div>
        <div class="right">
            <div class="info-top">
                <h3>基本资料</h3>
                <span id="update-info" class="update-info"><i class="sc sc-iconfontweibiaoti2"></i>编辑</span>
            </div>
            <div class="update-ing">
                <span id="username"></span>
                <span id="birthday"></span>
                <span id="sex"></span>
            </div>
            <!--<div class="info-top">-->
                <!--<h3>高级设置</h3>-->
            <!--</div>-->
            <!--<div class="update-ing">-->
                <!--<span>银行卡: *******<input type="text"> <i>管理</i> </span>-->
                <!--<span>帐号地区: 中国</span>-->
            <!--</div>-->
        </div>
    </div>
</div>
<div class="footer">
    <a href="#">简体</a>
    <a href="#">繁体</a>
    <a href="#">English</a>
    <a href="#">常见问题</a>
    <p>公司版权所有-京ICP备10046444-<span><img
            src="https://account.xiaomi.com/static/res/9204d06/account-static/respassport/acc-2014/img/ghs.png"></span>京公网安备11010802020134号-京ICP证110507号
    </p>
</div>
<!--遮罩层-->
<div id="mask">
    <div class="box">
        <i id="close">x</i>
        <div class="editor">
            <span class="title">编辑基础资料</span>
            <form action="" class="update" method="get">
                昵称: <input class="name" type="text" placeholder="昵称"><br/>
                生日: <input type="text" class="demo-input" placeholder="请选择日期" id="test1"><br/>
                性别: <label><input type="radio" name="sex" value="1">男</label>
                      <label><input type="radio" name="sex" value="0"> 女</label><br/>
                <span class="update-userinfo">保存</span>
                <span class="quxiao">取消</span>
            </form>
        </div>
    </div>
</div>
<script src="/js/app/API.js"></script>
<script src="/js/app/personal.js"></script>
<script src="/js/lib/laydate/laydate.js"></script>
<script>
    lay('#version').html('-v'+ laydate.v);
    //执行一个laydate实例
    laydate.render({
        elem: '#test1' //指定元素
    });
</script>
</body>
</html>
